import styled from "styled-components";
export const Usermenuewrap = styled.div`
  width: 100%;
  overflow: hidden;
  .icon-shanchu {
    font-size: 18px;
    cursor: pointer;
  }
  & > .maincontent {
    margin-top: 20px;
    transition: all 0.5s ease-in;
    & > div {
      padding: 0;

      margin: 0 auto;
    }
    & > .comment {
      & > .onecomment {
        position: relative;
        background-color: var(--essayback);
        margin-top: 20px;
        padding: 10px 20px;
        border-radius: 10px;
        display: flex;
        & > .iconfont {
          cursor: pointer;
          position: absolute;
          right: 20px;
          top: 20px;
        }
        img {
          width: 42px;
          height: 42px;
          border-radius: 50%;
        }
        & > .content {
          margin-left: 20px;
          & > .content {
            font-weight: 600;
          }
          & > .time {
            font-size: 12px;
            color: rgba(0, 0, 0, 0.6);
          }
        }
      }
    }
  }
`;
